﻿<html>
<head>
</head>
<body style="word-wrap: break-word;">
    ﻿

    <link href="mcs_mvi_ui" rel="stylesheet" type="text/css">
    <script src="ClientGlobalContext.js.aspx" type="text/javascript"></script>
    <script src="crme_jquery1.4.1.min.js" type="text/javascript"></script>
    <script src="crme_SDK.REST.js" type="text/javascript"></script>
    <script src="crme_json2.js" type="text/javascript"></script>
    <script src="cvt_mvi_search.js" type="text/javascript"></script>
    <script type="text/javascript">
            $(document).ready(function () {
                //Set up the form
                hideAll();
                searchChange();

                //Bind the function to the Search Button
                $("#SearchButton").bind("click", function () {
                    searchForPatient();
                });
                //Bind function to the Clear Button
                $('#ClearButton').bind("click", function () {
                    resetForm();
                });
            });
    </script>


    <div>
        <table id="searchTraits">
            <tbody>
                <tr>
                    <td class="header" colspan="6"><h2 title="Select a Search Method">Select a Search Method </h2></td>
                </tr>
                <tr>
                    <td title="Search Method (Required)" class="td_right"><label for="SearchMethodDropdown">Search Method </label><span class="required">*</span></td>
                    <td class="td_left" title="Search Method (Required)">
                        <select name="SearchMethodDropdown*" tabindex="1" class="formOptionSet" id="SearchMethodDropdown" onchange="searchChange()" aria-required="true">
                            <option value="traits">Person Traits</option>
                            <option value="edipi">EDIPI</option>
                        </select>
                    </td>
                </tr>
            </tbody>
        </table>

    </div>
    <div id="searchByTraits" class="info">
        <table id="searchTraits">
            <tbody>
                <tr>
                    <td class="header" colspan="4"><h3 title="Search using Person Traits">Search using Person Traits</h3></td>
                </tr>
                <tr>
                    <td title="First Name (Required)" class="td_right"><label for="FirstNameTextBox">First Name </label><span class="required">*</span></td>
                    <td class="td_left" title="First Name (Required)">
                        <input name="firstName*" tabindex="2" class="formInputText" id="FirstNameTextBox" onfocus="clearField(this)" onfocusout="CheckRequiredField('#FirstNameTextBox', 'First Name', 'FirstNameNotification')" size="16" maxlength="30" aria-required="true" />
                        <div id="FirstNameNotification" aria-live="assertive" role="alert"></div>
                    </td>
                    <td class="td_right" title="Middle Name"><label for="MiddleNameTextBox">Middle Name</label></td>
                    <td class="td_left" title="Middle Name">
                        <input name="middleName" tabindex="3" class="formInputText" id="MiddleNameTextBox" onfocus="clearField(this)" size="16" maxlength="30" />
                    </td>
                </tr>
                <tr>
                    <td title="Last Name (Required)" class="td_right"><label for="LastNameTextBox">Last Name </label><span class="required">*</span></td>
                    <td class="td_left" title="Last Name (Required)">
                        <input name="lastName*" tabindex="4" class="formInputText" id="LastNameTextBox" onfocus="clearField(this)" onfocusout="CheckRequiredField('#LastNameTextBox', 'Last Name', 'LastNameNotification')" size="16" maxlength="30" aria-required="true" />
                        <div id="LastNameNotification" aria-live="assertive" role="alert"></div>
                    </td>
                    <td title="Suffix" class="td_right"><label for="SuffixDropdown">Suffix</label></td>
                    <td class="td_left" title="Suffix">
                        <select name="suffix" tabindex="5" class="formOptionSet" id="SuffixDropdown" onfocus="clearField(this)">
                            <option value=""></option>
                            <option value="SR">SR</option>
                            <option value="JR">JR</option>
                            <option value="II">II</option>
                            <option value="III">III</option>
                            <option value="IV">IV</option>
                            <option value="V">V</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td title="Social Security Number (Format: 9 digits, no dashes) (Required)" class="td_right"><label for="SocialSecurityTextBox">Social Security Number (Format: 9 digits, no dashes)</label><span class="required">*</span></td>
                    <td class="td_left" title="Social Security Number (Format: 9 digits, no dashes) (Required)">
                        <input name="ssn*" tabindex="6" class="formInputText" id="SocialSecurityTextBox" onfocusout="CheckRequiredField('#SocialSecurityTextBox', 'Social Security Number', 'SSNotification')" size="16" maxlength="9" placeholder="123456789" value="" aria-required="true" />
                        <div id="SSNotification" aria-live="assertive" role="alert"></div>
                    </td>
                </tr>
            </tbody>
            <tbody>
                <tr>
                    <td class="header" colspan="4"><h4 title="Must include either the Date of Birth or a Phone Number">Must include either the Date of Birth or a Phone Number</h4></td>
                </tr>
                <tr>
                    <td title="Date of Birth (Format: MM/DD/YYYY) (Recommended)" class="td_right"><label for="DateofBirthDateInput">Date of Birth (Format: MM/DD/YYYY)</label><span class="recommended">+</span></td>
                    <td class="td_left" title="Date of Birth (Format: MM/DD/YYYY) (Recommended)">
                        <input name="dateOfBirth+" tabindex="7" class="formInputText" type="text" id="DateofBirthDateInput" onfocusout="FormatDOB('field')" size="16" placeholder="MM/DD/YYYY" maxlength="10" aria-required="true" role="alert"/>
                        <div id="DOBNotification" aria-live="assertive" role="alert"></div>
                    </td>
                    <td title="Phone (Recommended)" class="td_right"><label for="PhoneNoTextBox">Phone </label><span class="recommended">+</span></td>
                    <td class="td_left" title="Phone (Recommended)">
                        <input name="phoneNo+" tabindex="8" class="formInputText" id="PhoneNoTextBox" size="16" maxlength="15" aria-required="true" />
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="searchByIdentifier" class="info">
        <table id="searchIdentifier">
            <tbody>
                <tr>
                    <td class="header" colspan="4"><h3 title="Search using Enterprise Person Identifier (EDIPI)">Search using Enterprise Person Identifier (EDIPI)</h3></td>
                </tr>
                <tr>
                    <td class="td_right" title="EDIPI (Required)"><label for="EdipiTextBox">EDIPI </label><span class="required">*</span></td>
                    <td class="td_left" title="EDIPI (Required)">
                        <input name="edipi*" tabindex="9" class="formInputText" id="EdipiTextBox" onfocus="clearField(this)" onfocusout="CheckRequiredField('#EdipiTextBox', 'EDIPI', 'EDIPINotification')" size="16" maxlength="10" aria-required="true" />
                        <div id="EDIPINotification" aria-live="assertive" role="alert"></div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="buttons" class="info">
        <table id="buttonTable">
            <tbody>
                <tr>
                    <td class="td_left">
                        <br />
                        <button title="Search by Person Traits" style="width:200px" tabindex="9" id="SearchButton" class="button_normal_gradient">Search by Person Traits</button>
                        &nbsp;
                        <button title="Reset" tabindex="10" id="ClearButton">Reset</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <br />
    <div id="searchResults">
        <div id="msgBoxWorking" class="info">
            <table>
                <tbody>
                    <tr>
                        <td title="Working on it.  This may take a few seconds..." rowspan="4" class="message_box_image"><img src="mcs_mvi_loading"></td>
                    </tr>
                    <tr>
                        <td class="infoText">Working on it. This may take a few seconds...</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="msgBoxFailedValidation" class="info">
            <br />
            <table>
                <tbody>
                    <tr>
                        <td title="Validation errors" rowspan="4" class="message_box_image"><img src="mcs_mvi_error" /></td>
                    </tr>
                    <tr>
                        <td class="errorText">The information entered is not valid. Please make the corrections listed below.</td>
                    </tr>
                    <tr>
                        <td class="header">Validation errors</td>
                    </tr>
                    <tr>
                        <td><div id="validationErrors" aria-live="assertive"></div></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="msgBoxSearchResultError" class="info">
            <table>
                <tbody>
                    <tr>
                        <td title="Error Details" rowspan="4" class="message_box_image"><img src="mcs_mvi_error" /></td>
                    </tr>
                    <tr>
                        <td class="errorText">An error was returned from your search.</td>
                    </tr>
                    <tr>
                        <td class="header">Error details</td>
                    </tr>
                    <tr>
                        <td><span id="errorDetails" aria-live="assertive"></span></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="msgBoxNoDataReturned" class="info">
            <table>
                <tbody>
                    <tr>
                        <td title="Warning. No Data Returned." rowspan="2" class="message_box_image"><img src="mcs_mvi_warning" /></td>
                    </tr>
                    <tr>
                        <td class="infoText"><span id="warningDetails" aria-live="assertive"></span></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="searchResultsGrid">
            <p class="header">Search Results</p>
            <table id="personSearchResultsTable" aria-live="assertive"></table>
        </div>
    </div>

</body>
</html>